<template>
  <div class="split-line-box">
    <div class="split-line"></div>
  </div>
</template>

<style lang="scss" scoped>
  .split-line-box {
    height: 1px;
    width: 100%;
    padding: 0 0 0 10px;
    background: #fff;
    .split-line {
      width: 100%;
      height: 1px;
      flex-shrink: 0;
      background: linear-gradient(90deg, #C3F8FF -18.42%, rgba(84, 218, 245, 0.46) -2.66%, rgba(74, 173, 201, 0.7) 100%); 
    }

  }

</style>